<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>首页</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="image/bootstrap-3.0.3-dist/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="image/bootstrap-3.0.3-dist/dist/js/jquery-2.1.1.min.js"></script>
    <link href="image/bootstrap-3.0.3-dist/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="image/bootstrap-3.0.3-dist/dist/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
    <link href="image/Flat-UI-master/css/flat-ui.css" rel="stylesheet" type="text/css">
    <style>
	#top{ margin-top:50px;}
	#bg1{ background:#0C9}
	#bg2{ background:#06F}
	#message{ height:900px; float:left;}
	#message2{ height:900px; float:right;}
	#bottom{ height:50px;  background:#C03; margin-bottom:20px;}
	</style>
  </head>
  <body class="padding-bottom: 70px;">
  <div class="navbar  navbar-inverse navbar-fixed-top " role="navigation">
  <div class=" col-md-1" id="bg1">123</div>
  <div class=" col-md-1" id="bg2">首页</div>
  <div class=" col-md-1" id="bg1">文章</div>
  <div class=" col-md-1" id="bg2">相册</div>
  <div class=" col-md-1" id="bg1">123</div>
  <div class=" col-md-1" id="bg2">123</div>
  <div class=" col-md-1" id="bg1">123</div>
  <div class=" col-md-1" id="bg2">123</div>
  <div class=" col-md-1" id="bg1">123</div>
  <div class=" col-md-3" id="bg2">123</div>
  </div>
 
 

<div class="row" id="top">
<div class="col-md-1">
121
</div>
  <div class="col-md-2" id="bg1"  style="height:900px;" >
  <div style=" width:180px; height:180px; background-color:#00F; margin-top:20px;">
    <img src="picture/logo.png" width="180px" height="180px" >
  </div>
  <div style="margin:10px;">
  <table>
  <tr><td>姓名</td></tr>
  <tr><td>手机</td></tr>
  <tr><td>emial</td></tr>
  <tr><td>web地址</td></tr>
  </table>
  </div>
  
  
  <div style=" margin-top:100px; background:#36F; "> 
  <ul>
  <li class="fui-cmd">标签列表</li>
  <li class="fui-cmd">标签列表</li>
  <li class="fui-cmd">标签列表</li>
  <li class="fui-cmd">标签列表</li>
  <li class="fui-cmd">标签列表</li>
  <li class="fui-cmd">标签列表</li>
  <li class="fui-cmd">标签列表</li>
  </ul>    
  </div>
  
  
  <div>
    这里有一堆东西
  </div>
  </div>
  <div class="col-md-8" id="bg2" style="margin-left:10px; height:900px;">
  <div >
  <table  class=" table table-striped table-bordered table-hover">
    <tr>
      <td>文章列表</td>
    </tr>
    <tr>
      <td>第一片文章</td>
    </tr>
    <tr>
      <td>第二篇文章</td>
    </tr>
    <tr>
      <td>第三篇文章</td>
    </tr>
    <tr>
      <td>第四片文章</td>
    </tr> 
    <tr>
      <td>第五片文章</td>
    </tr>
  </table>
  
  </div>
  </div>
  
</div>

<div  class="row">

<div class="col-md-1">
121
</div>
<div id="bottom" class="col-md-10">
@blackjm
</div>

</div>
  </body>
</html>
